// 受控模式
<template>
<p>Tooltip 可以通过父组件使用 <code>:visible</code> 来控制它的显示与关闭。</p>
  <el-tooltip :visible="visible">
    <template #content>
      <span>Content</span>
    </template>
    <el-button @mouseenter="visible = true" @mouseleave="visible = false">
      Hover me
    </el-button>
  </el-tooltip>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const visible = ref(false)
</script>

<style scoped>
@import '../../assets/elementPlusDemo.css'
</style>